﻿body {
 -moz-user-select:none;
} 
.cal_container{
	margin:0px auto;
	position:relative;
	width:540px;
	background: url(../images/calBg.png) repeat-y;
}
.cal_header{
	background: url(../images/header.png) no-repeat;
	width:540px;
	height:102px;
}
.cal_content{
	background: url(../images/calendarBg_5.png) no-repeat;
	width:540px;
	height:365px;
	
}
.cal_footer{

	background: url(../images/rl_footer.png) no-repeat;
	width:100%;
	height:9px;
}
/* For calendar body */
.cal_table{
	height: 312px;
  width: 497px;
  margin-left:21px;
	/*margin-left:3px;
	height:100%;
	border-right:1px solid #C2C2C2;
	border-bottom:1px solid #C2C2C2;
	border-left:1px solid #C2C2C2;*/
}
.cal_thead{
	height:32px;
/*	background: url(../images/cal_header.png) repeat-y;*/
	line-height:32px;
	color:#5d584f;
	font-size:12px;
}
.cal_table th{
	text-align:center;
	/*border-right:1px #c2c2c2 solid;*/
}
.cal_table td{
/*	border-top:1px #c2c2c2 solid;
	border-left:1px #c2c2c2 solid;*/
	cursor:pointer;
}
.cal_month_body{
	height:100%;
	width:100%;
	font-size:18px;
	position:relative;
	/*background-color:#f9f9fa;*/
}
.cal_before .cal_month_body{
	color:#ccc;
/*	background-color:#fafafb;*/
}
.cal_before .cal_month_body{
	color:#ccc;
	/*background-color:#fafafb;*/
}
.cal_after .cal_month_body{
	color:#ccc;
/*	background-color:#fafafb;*/
}
 .cal_week {
/*	background-color:#f1f1f2;*/
}
.cal_after .cal_week {
/*	background-color:#f1f1f2;*/
}
.cal_now .cal_month_body{

	position:relative;
	
background:url(../images/grid_today.png) no-repeat 30px  bottom ;
}
#cal_table .cal_num_day{
	position:absolute;
	right:10px;
	bottom:20px;
}
#cal_table .workN{
	font-size:12px;
	position:absolute;
	width:37px;
	height:18px;
	top:0px;
	left:0px;
	text-align:center;
	line-height:18px;
	color:#fff;
	background-color:#a9a9a9;

}
#cal_table .rest{
	font-size:12px;
	position:absolute;
	width:37px;
	height:18px;
	top:0px;
	left:0px;
	text-align:center;
	line-height:18px;
	color:#fff;
	background-color:#6292c8;
}
.cal_lunar_day{
	position:absolute;
	right:10px;
	bottom:3px;
	font-size:12px;
	color:#808080;
}
.cal_after .cal_lunar_day{
	color:#ccc;
}
.cal_before .cal_lunar_day{
	color:#ccc;
}
 .cal_now  .cal_lunar_day{
	color:#808080;
 }
/* day Selector*/
.day_select{
	position:absolute;
	height:25px;
	width:510px;
	right:5px;
	top:73px;
}
#day_select ul li{
	float:left;
	font-size:11px;
	color:white;
}
#day_select .prev_btn{
	width:25px;
	background:url(../images/prev_btn.png) no-repeat;
	_background:url(../images/prev_btn.gif) no-repeat;
	height:16px;
	cursor:pointer;
	margin-top:1px;

}
#day_select .cal_year{
	width:30px;	
	margin-left:10px;
	cursor:pointer;
}
#day_select .sel_btn{
	width:18px;
	height:8px;
	margin-top:5px;
	margin-right:3px;
	background:url(../images/year_sel.png) no-repeat;
	_background:url(../images/year_sel.gif) no-repeat;
	cursor:pointer;
}
#day_select .cal_month{
	width:30px;
	text-align:center;
	cursor:pointer;
	height:18px;
	line-height:18px;
}
#day_select .next_btn{
	width:24px;
	background:url(../images/next_btn.png) no-repeat;
	_background:url(../images/next_btn.gif) no-repeat;
	height:16px;
	margin-left:8px;
	cursor:pointer;
	margin-top:1px;
}
#festival_sel_btn{
	width:24px;
	background:url(../images/festival_sel_btn.png) no-repeat;
	height:16px;
	cursor:pointer;
	position:absolute;
	top:5px;
	right:10px;
}

#cal_header .cal_today_btn{
	float:right;
	width:65px;
	height:26px;
	background:url(../images/cal_today_btn.png) no-repeat;
	margin:35px 20px 0px 0px;
	cursor:pointer;
}
#cal_header .lunar_Info{
	float:left;
	height:26px;
	margin: 38px 0 0 170px;
	display:inline;
	color:white;
	font-size:12px;
	line-height:23px;
}
#day_select .month_selected{
    color:#868382;
	background:url(../images/sel_month.png) no-repeat;
	_background:url(../images/sel_month.gif) no-repeat;
	font-weight:bold;
	width:40px;
	height:18px;
}



/************************hl——detail**********************************/
#detailDialog{
	position:absolute;
	z-index:10;
	
	
	/*background:url(../images/detail_dialog.png) no-repeat;*/
	display:none;
	width:307px;
	cursor:pointer;
}
#detail_header{
	height:23px;
	width:307px;	
}
.detail_top_normal{
	background:url(../images/detail_top_normal.gif) no-repeat;
}
.detail_top_left{
	background:url(../images/detail_top_left.gif) no-repeat;
}
.detail_top_right{
	background:url(../images/detail_top_right.gif) no-repeat;
}
#leftContent{
	background:url(../images/detail_day_d.gif) repeat-y;
}
#detail_footer{
	height:23px;
	width:307px;
}
.detail_down_normal{
	background:url(../images/detail_down_normal.gif) no-repeat;
}
.detail_down_right{
	background:url(../images/detail_down_right.gif) no-repeat;
	background-position:1px 0px;
}
.detail_down_left{
	background:url(../images/detail_down_left.gif) no-repeat;
}
#detailDialog .hl_num_left{
	font-size:40px;
	margin:0px 0px 0px 8px;
	width:60px;
	text-align:center;
	font-weight:bold;
	color:#524f4d;
	display:inline;
	float:left;
}
#detailDialog .hl_dayInfo{
	font-size:14px;
	
	font-weight:bold;
	
	color:#616163;
}
#detailDialog .header_right{
	float:left;
	display:inline;
	margin-left:14px;
	margin-top:2px;
}
#detailDialog .hl_week{
	font-size:12px;
	width:100px;
	text-align:center;
	margin-left:12px;
	color:#878789;
}

#leftContent{
	width:100%;
}
#rightContent{
	background:url(../images/detail_jiyi.gif)  repeat-y;
	background-position:left bottom;
	width:100%;
	
}
#rightContent .hl_h_lunar{
	color:#828181;
	width:225px;
	margin-top:25px;
	text-align:center;
}
#leftContent .detail_lunar{
	color:#666565;
	font-size:12px;
	margin-top:5px;
}
#rightContent .hl_h_lunar_detail{
	color:#666;
	width:225px;
	margin-top:5px;
	font-size:12px;
	text-align:center;
}
#hl_yi{
	margin:0px;
}
#hl_ji{
	margin-top:2px;
}
#hl_yi .hl_yi{
	width:42px;
	height:21px;
	float:left;
	margin-left:20px;
	display:inline;
	margin-top:7px;
	background:url(../images/yi.png) no-repeat;
}
#hl_ji .hl_ji{
	width:42px;
	height:21px;
	float:left;
	margin-left:20px;
	display:inline;
	margin-top:5px;
	background:url(../images/ji.png) no-repeat;
	
}
#hl_yi_detail{
	float:left;
	width:210px;
	line-height:20px;
	display:inline;
	font-size:12px;
	color:#9a9a9a;
	margin-left:14px;
	margin-top:5px;
}
#hl_ji_detail{
	float:left;
	width:210px;
	display:inline;
	line-height:20px;
	font-size:12px;
	color:#9a9a9a;
	margin-left:14px;
	margin-top:5px;
}
#open_sel_div{
	position:absolute;
	height:212px;
	overflow-y:auto;
	overflow-x:hidden;
	width:62px;
	background:url(../images/open_sel_box.png) repeat-y;
	_background:url(../images/open_sel_box.gif) repeat-y;
	top:70px;
	left:43px;
	display:none;
}
#festival_sel_div{
	position:absolute;
	height:212px;
	overflow-y:auto;
	overflow-x:hidden;
	width:62px;
	background:url(../images/open_sel_box.png) repeat-y;
	_background:url(../images/open_sel_box.gif) repeat-y;
	top:40px;
	left:58px;
	display:none;
}
#festival_sel_body div{
	width:98%;
	color:#898484;
	padding-left:10px;
	font-size:12px;
	font-weight:bold;
	line-height:22px;
}
#festival_sel_body{
	height:180px;
	width:55px;
	overflow-y:auto;
	overflow-x:hidden;
	margin-top:25px;
	font-size:10px;
	margin-left:4px;
	cursor:pointer;
}
#sel_body div{
	width:38px;
	text-align:center;
	color:#999;
	font-size:12px;
}
#sel_body{
	height:180px;
	width:55px;
	overflow-y:auto;
	overflow-x:hidden;
	margin-top:25px;
	font-size:10px;
	margin-left:4px;
	cursor:pointer;
}
.year_bg{
	background-color:#ccc;
}
.grid_bg{
	background-color:#fffab0;
}
#festival_sel{
	background:url(../images/festival_sel.png) no-repeat;
	width:113px;
	height:24px;
	position:absolute;
	top:35px;
	left:22px;
}